<template>
  <div id="home">
    <!-- left -->
    <van-col class="home-box" span="19">
      <!-- 頂部信息 -->
      <queueheader></queueheader>
      <div class="show-area">
        <van-col class="home-box" span="22">
          <queueline :queuelinelists = "queuelinelists"></queueline>
        </van-col>
        <van-col class="home-box" span="2">
          <queuetool></queuetool>
        </van-col>
      </div>
    </van-col>
    <!-- right -->
    <van-col class="home-box" span="5">
      <keyboard></keyboard>
    </van-col>
  </div>
</template>

<script>
import { GetData } from '@/api/common.js'
import { SetData } from '@/api/common.js'
import { DeleData } from '@/api/common.js'
import queueheader from '@/components/queueheader.vue'
import queueline from '@/components/queueline.vue'
import queuetool from '@/components/queuetool.vue'
import keyboard from '@/components/keyboard.vue'
export default {
  name: 'home',
  components: {
    queueheader,
    queueline,
    queuetool,
    keyboard
  },
  data() {
    return {
      queuelinelists: [
        {
          id: '10000',
          uid: 'B001',
          phonenumber: '13512155612',
          per: {
            num: '6',
            orderid: '10559'
          }
        },
        {
          id: '10025',
          uid: 'B002',
          phonenumber: '13512155612',
          per: {
            num: '9',
            orderid: '10559'
          }
        },
        {
          id: '10023',
          uid: 'B003',
          phonenumber: '13512155612',
          per: {
            num: '2',
            orderid: '10559'
          }
        }
      ],  // 隊列列表
    }
  },
  mounted() {},
  methods: {}
}
</script>

<style scoped>
#home {
  padding: 0.75rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.show-area {
  margin: 0.75rem 0.1rem;
}
#home,
.home-box,
.show-area {
  height: 100%;
}
</style>
